*{
    margin: 0;
    padding: 0;
    text-decoration: none;
}
body{

    background-image: url(../images/whk/u1.png);
    background-size:cover;
}
main{
    width: 40%;
    margin: 50px auto;
    border-radius: 8px;
    background-color: whitesmoke;
     .box{
         width: 100%;
        text-align: center;
        margin:0 auto;
        padding-top: 60px;
         >p{
             font-size: 28px;
         }
         >img{
             width: 100px;
         }

     }
    .box2{
        width: 60%;
        margin: 30px auto 30px;
        text-align: center;
        input{
            width: 80%;
            height: 40px;
            margin-top: 30px;
            border:1px solid snow;
            border-radius: 5px;
            outline: none;
            box-shadow: 8px -3px  15px rgb(163, 160, 160);
        }
        p{
            font-size: 14px;
            color: red;
        }
    }
    .but{
        width: 50%;
        margin: 50px auto;
        button{
            width: 100%;
            height: 30px;
            border-radius: 5px;
            border:none;
            background-color: rgb(61, 113, 209);
            color: white;
            font-size: 15px;
        }
    }
    .reg{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 50%;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 80px;
        a{
            width: 100%;
            color: cornflowerblue;
        }
    }

}